<!--
 * @Author: your name
 * @Date: 2021-05-14 16:58:01
 * @LastEditTime: 2021-05-14 17:08:40
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vueText\vue+vant_text\vant_vue_text\src\views\Home.vue
-->
<template>
  <div class="home">
    <h1>我是一个小草</h1>
    <p>黄松骨搜狗属狗</p>
    <van-button type="default">Default</van-button>
	<p class="sbi">我是一个段落</p>
    <van-picker title="标题" show-toolbar :columns="columns" />
    <!-- <van-loading type="spinner" /> -->
    <!-- <van-button type="primary">主要按钮</van-button> -->
  </div>
</template>

<script>
import { Button, Picker } from "vant";
import { Loading } from "vant";
export default {
  name: "Home",
  data() {
    return {
      columns: ["杭州", "宁波", "温州", "绍兴", "湖州", "嘉兴", "金华", "衢州"],
    };
  },
  components: {
    [Button.name]: Button,
    [Picker.name]: Picker,

    [Loading.name]: Loading,
  },
};
</script>
<style lang="less">
h1 {
  font-size: 24px;
}
.sbi{
	font-size: 13px;
}
</style>
